<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SITEG</title>
<style type="text/css">
body {
	background-image: url({{ STATIC_URL }}gris.jpg);
	background-color: #333;
	background-repeat: no-repeat;
	font-family: Calibri;
	color: #FFFFFF;
	font-size: 20px;
}
input.anchofijo {	
	width: 100px;
}
td, th {
	font-family: Calibri;
	text-align:center
	color: #FFFFFF;
	font-size: 24px;
}

tr.spacer td {
	border-bottom: 1px;
	height: 10px;
}
tr {
	text-align:center;
	font-weight:bold;
	color: #999
}
p.detalle {
	font-size: 15px;
	font-weight: bold;
	line-height: 0;
}
p.pais {
	font-size: 27px;
	line-height: 0;
}
</style>
</head>

<body>




{% if incorporar %}
{% if atacar %}
{% if reagrupar %}
{% if esperar %}
{% if finalizada %}







<div style="text-align: center; position:absolute; left: 2px; top: 8px; left; width: 221px; height: 54px;">
    <input type="submit" class="anchofijo" name="atacar" id="atacar" value="Atacar" disabled="true" />
    <input type="submit" class="anchofijo" name="abandonar" id="abandonar" value="Abandonar" /><br />
    <input type="submit" class="anchofijo" name="reagrupar" id="reagrupar" value="Reagrupar" />
    <input type="submit" class="anchofijo" name="pasar" id="pasar" value="Pasar" />
</div>

<div style="position:absolute; left: 224px; top: 0px; left; width: 800px; height: 470px;"><img src="{{ STATIC_URL }}mapa.jpg" width="800" height="470"></img>
</div>

<div style="position:absolute; left: 234px; top: 480px; left; width: 787px; height: 173px;">
  <label for="log"></label>
  <textarea name="log" id="log" cols="127" rows="11" style="width:775px; height:164px;"></textarea>
</div>

<div style="position:absolute; left: 0px; top: 66px; left; width: 224px; height: 399px; line-height: 10%; display:table-cell; vertical-align:middle;">
<table width="224" height="387" border="0" cellpadding="0" cellspacing="0">
  <tr height="57" background="{{ STATIC_URL }}rojo.jpg" style="color: #FFFFFF">
    <td ><p>Jugador 1</p></td><td>25</td>
  </tr>
  <tr class="spacer" ><td></td></tr>
  <tr height="57" background="{{ STATIC_URL }}azul.jpg">
    <td ><p>Jugador 2</p></td><td>25</td>
  </tr>
  <tr class="spacer" ><td></td></tr>
  <tr height="57" background="{{ STATIC_URL }}amarillo.jpg">
    <td ><p>Jugador 3</p></td><td>25</td>
  </tr>
  <tr class="spacer" ><td></td></tr>
  <tr height="57" background="{{ STATIC_URL }}verde.jpg">
    <td ><p>Jugador 4</p></td><td>25</td>
  </tr>
  <tr class="spacer" ><td></td></tr>
  <tr height="57" background="{{ STATIC_URL }}magenta.jpg">
    <td ><p>Jugador 5</p></td><td>25</td>
  </tr>
  <tr class="spacer" ><td></td></tr>
  <tr height="57" background="{{ STATIC_URL }}negro.jpg">
    <td ><p>Jugador 6</p></td><td>25</td>
  </tr>
</table>

</div>

<div style="position:absolute; left: 11px; top: 480px; left; width: 207px; height: 169px;">
	<p class="detalle">Origen:</p>
  <p class="pais">Argentina</p>
  <p class="detalle">Destino:</p>
  <p class="pais">Brasil</p>
    ATACAR:
  <div style="position:absolute; left: 176px; width: 5px; height: 32px; top: 121px; text-align:center;"><img src="{{ STATIC_URL }}cruz.png" /> </div>
        <div style="position:absolute; left: 140px; width: 5px; height: 32px; top: 121px; text-align:center;"><img src="{{ STATIC_URL }}tilde.png" /> </div>
</div>

</body>
</html>
